<!-- 热门资讯详情 -->
<link rel="stylesheet" href="/css/apps/informationdisplay/hotDetail.css">

<div class="main layui-clear">
	<div class="wrap layui-clear">
		<div class="layui-left">
			<div class="layui-bar">
				<div class="layui-breadcrumbs">
					<a class="home" href="/"></a>
					<i class="layui-icon">&#xe602;</i>
					<a href="/admin/informationdisplay/hotDetail/${information.id!''}.html?id=${information.id!''}">${information.title!''}</a>
				</div>
			</div>
			<div class="goBack" onclick="window.location.href=document.referrer">
				<i class="layui-icon">&#xe603;</i>  
				<span>返回</span>
			</div>
			<div class="article-content">
				<h2 class="title layui-elip text-center">${information.title!''}</h2>
				<p class="text-center pc-title">
					<span class="user">作者：${information.user!''}</span>
					<span>发布时间：${information.releasetime!?string("yyyy-MM-dd HH:ss")}</span>
				</p>
				<p class="text-center phone-title">
					<span class="user">${information.user!''} | ${information.releasetime!?string("yyyy-MM-dd")}</span>
				</p>
				<div class="info waterImg">
				 ${( information.textcontent?replace('<img src=', '<img src="/images/loading2.gif" lay-src=') )?no_esc}
				</div>
				<!-- 分享 -->
				<div class="share-box">
					<a  href="#" class="weixin" id="weixin" title="分享到微信" onmouseover='getWinXixImg("${information.id!''}","/admin/informationdisplay/hotDetail")'>
						<div class="weixin-box">
							<div class="weixin-img" id="weixin${information.id!''}"></div>
							<i class="sprite"></i>
						</div>
					</a>
					<a  href="#" class="weibo" id="weibo${information.id!''}"  title="分享到微博" onclick='getXLWBRHerf("/admin/informationdisplay/hotDetail","${information.id!''}","${information.title!''} - 盒子实验室 BOX LAB")'></a>
					<a  href="#" class="qzone" id="qzone${information.id!''}"  title="分享到QQ空间" onclick='getQQRHerf("/admin/informationdisplay/hotDetail","${information.id!''}","${information.title!''}","针对国内青少年STEAM创客教育建设的，提供教学案例，案例代码，国内外一手资源和创新实验信息等的开源交流社区。")'></a>
				</div>
			</div>
			<div class="previous-next">
				<ul>
					<#if informationUp??>
						<#list informationUp as page>
							<li class="layui-clear  <#if informationTop?? && informationUp??>margin-b</#if>">
								<a href="/admin/informationdisplay/hotDetail/${page.id}.html?id=${page.id}"><span>上一篇</span></a>
								<a href="/admin/informationdisplay/hotDetail/${page.id}.html?id=${page.id}"><span>${page.title}</span></a>
							</li>
						</#list>
					</#if>
					<#if informationTop??>
						<#list informationTop as page>
							<li class="layui-clear">
								<a href="/admin/informationdisplay/hotDetail/${page.id}.html?id=${page.id}"><span>下一篇</span></a>
								<a href="/admin/informationdisplay/hotDetail/${page.id}.html?id=${page.id}"><span>${page.title}</span></a>
							</li>
						</#list>
					</#if>
					
					<#if !informationTop?? && !informationUp??>
						<li class="layui-clear" style="text-align:center;margin:0px;">
							暂无上下页数据
						</li>
					</#if>
				</ul>
			</div>
		</div>
		<div class="layui-right">
			<div class="recommend-section">
				<span class="text"><span class="zh">热门资讯</span><br /><span class="en">INFORMATION</span></span>
			</div>
			<div class="phone-latest-news">
				<span>热门资讯</span>
			</div>
			<ul class="news-list">
				<#if hotinformationList??>
					<#list hotinformationList as info>
						<li>
							<a class="layui-clear" href="/admin/informationdisplay/hotDetail/${info.id}.html?id=${info.id}">
								<div class="new-card-list layui-clear">
									<div class="img">
										<img alt="" src="/res/informationdisplay/${info.fileurl!''}.html" onerror="this.src='/images/user/default.jpg';this.onerror=null">
									</div>
									<div class="title layui-clear">${info.title!''}</div>
								</div>
							</a>
						</li>
					</#list>
				</#if>
			</ul>

			<div class="recommend-section">
				<span class="text"><span class="zh">关注我们</span><br /><span class="en">FOLLOW US</span></span>
			</div>

			<div class="follow-me"><img alt="" src="/res/configurationFile/${configuration.imageurl!''}.html"></div>
		</div>
	</div>
</div>
<script>
var list= [];
<#list informationTop as list>
list.push({"id":"${list.id!''}","title":"${list.blockname!''}"});
</#list>
console.log("info：list==》",list);

layui.use(['flow'], function(){
	  var flow = layui.flow;
	  //当你执行这样一个方法时，即对页面中的全部带有lay-src的img元素开启了懒加载（当然你也可以指定相关img）
  	 flow.lazyimg();
});

//图片懒加载之后添加水印
function watermarkLazy(e){
	wmark.init({"path": "/res/configurationFile/${waterImg.imageurl!''}","className":"watermarkLazy" });
}
</script>